@import "../mui-mask/mui-mask";

.mui-popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;

  .mui-popup__container {
    width: 100%;
    height: 100%;
    transform: translate(100%, 100%);
    position: absolute;
    z-index: 1001;
  }

  .mui-popup__content {
    position: absolute;
    left: -50%;
    top: -50%;
    transform: translate(-50%, -50%);
    text-align: center;

    &.mui-popup__content_round {

      .mui-actionsheet-panel,
      .mui-picker-panel,
      .mui-modal-panel {
        overflow: hidden;
        border-radius: px2rem(20) px2rem(20) 0 0;
      }
    }
  }
}

// actionsheet modal
.mui-actionsheet,
.mui-modal,
.mui-picker {
  .mui-popup__content {
    width: 100%;
    left: 0;
    top: 0;
    transform: translate(-100%, -100%);

  }
}

.mui-modal-panel {
  background-color: #fff;
}

.mui-modal__content {
  min-height: px2rem(503);
  max-height: px2rem(663);

  overflow: auto;
}
